<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>麦模板</title>
<link href="css/public.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="header">
	<a href="#" class="logo"><img src="images/logo.jpg"/></a>
    <ul>
    	<li><a href="#">首页</a></li>
        <li><a href="#">服务项目</a></li>
        <li><a href="#">合作案例</a></li>
        <li><a href="#">新闻动态</a></li>
        <li><a href="#">关于艺境</a></li>
        <li><a href="#">联系我们</a></li>
    </ul>
</div>

<div id="banner">
	<img src="images/banner.jpg"/>
</div>

<div id="jianshe">
	<div class="margin">
    	<ul>
        	<li>
            	<img src="images/jianshe1.jpg"/>
                <h3>PC网站建设</h3>
                <p>斯蒂芬是否舒服撒地方山东师范斯蒂芬是否舒服撒地方山东师范斯蒂芬是否舒服撒地方山东师范</p>
            </li>
            <li>
            	<img src="images/jianshe2.jpg"/>
                <h3>手机网站建设</h3>
                <p>斯蒂芬是否舒服撒地方山东师范斯蒂芬是否舒服撒地方山东师范斯蒂芬是否舒服撒地方山东师范</p>
            </li>
            <li>
            	<img src="images/jianshe3.jpg"/>
                <h3>平面设计</h3>
                <p>斯蒂芬是否舒服撒地方山东师范斯蒂芬是否舒服撒地方山东师范斯蒂芬是否舒服撒地方山东师范</p>
            </li>
        </ul>
    </div>
</div>

<div id="xiaoguo">
	<div class="t">
    	<h2>我们创造的视觉效果</h2>
        <i></i>
        <p>
        	<span>筛选</span>
            <a href="#">全部</a>
            ·
            <a href="#">动漫设计</a>
            ·
            <a href="#">平面设计</a>
            ·
            <a href="#">摄影</a>
            ·
            <a href="#">视频后期</a>
            ·
            <a href="#">设计作品</a>
        </p>
    </div>
    <ul>
    	<li><a href="#"><img src="images/xiaoguo1.jpg"/></a></li>
        <li><a href="#"><img src="images/xiaoguo2.jpg"/></a></li>
        <li><a href="#"><img src="images/xiaoguo3.jpg"/></a></li>
        <li><a href="#"><img src="images/xiaoguo4.jpg"/></a></li>
        <li><a href="#"><img src="images/xiaoguo5.jpg"/></a></li>
        <li><a href="#"><img src="images/xiaoguo6.jpg"/></a></li>
        <li><a href="#"><img src="images/xiaoguo7.jpg"/></a></li>
        <li><a href="#"><img src="images/xiaoguo8.jpg"/></a></li>
    </ul>
</div>

<div id="shuzhi">
	<div class="margin">
    	<ul>
        	<li>
            	<h1>4</h1>
                <h4>years of development</h4>
            <li>
            <li>
            	<h1>32</h1>
                <h4>The number of team</h4>
            <li>
            <li>
            	<h1>326</h1>
                <h4>ANNUAL CLIENTS</h4>
            <li>
        </ul>
    </div>
</div>

<div id="reason">
	<h1>选择我们的理由</h1>
    <h3>我们信仰专业的力量，信仰设计的力量，信仰口碑的力量！在郑州-我们是稀缺的“技术型”公司！</h3>
    <ul>
    	<li>
        	<img src="images/reason1.jpg"/>
            <dl>
            	<dt>艺境更了解用户需求</dt>
                <dd>网站秀色可餐！常州网站建设用户体验做到最优，提成网站竞争力！</dd>
            </dl>
        </li>
        <li>
        	<img src="images/reason2.jpg"/>
            <dl>
            	<dt>高效郑州网络推广</dt>
                <dd>实时跟进访客关键词及触发页面，邮件实时推送系统，快如闪电！</dd>
            </dl>
        </li>
        <li>
        	<img src="images/reason3.jpg"/>
            <dl>
            	<dt>高效郑州网络推广</dt>
                <dd>实时跟进访客关键词及触发页面，邮件实时推送系统，快如闪电！</dd>
            </dl>
        </li>
        <li>
        	<img src="images/reason4.jpg"/>
            <dl>
            	<dt>高效郑州网络推广</dt>
                <dd>实时跟进访客关键词及触发页面，邮件实时推送系统，快如闪电！</dd>
            </dl>
        </li>
        <li>
        	<img src="images/reason5.jpg"/>
            <dl>
            	<dt>高效郑州网络推广</dt>
                <dd>实时跟进访客关键词及触发页面，邮件实时推送系统，快如闪电！</dd>
            </dl>
        </li>
        <li>
        	<img src="images/reason6.jpg"/>
            <dl>
            	<dt>高效郑州网络推广</dt>
                <dd>实时跟进访客关键词及触发页面，邮件实时推送系统，快如闪电！</dd>
            </dl>
        </li>
    </ul>
</div>

<div id="pingjia">
	<div class="margin">
    	<b>用户的评价</b>
        <i></i>
        <h3 class="clear">轻松建立你的网站与各种各样的页面生成器模块来提高主题适合你的需要。</h3>
        <p><span class="s1">Mike Mallone</span><span class="s2">，CEO&amp;Founder of</span><a href="#"> Mallone Solutions</a></p>
        <p class="te clear"><img src="images/pingjia1.jpg"/><img src="images/pingjia2.jpg"/><img src="images/pingjia3.jpg"/></p>
    </div>
</div>

<div id="dongtai">
	<h3>公司动态</h3>
    <span></span>
    <ul>
    	<li>
        	<img src="images/dongtai1.jpg"/>
            <b class="clear">展览展厅设计策划</b>
            <i>二月 19,2014 | <a href="#">5评论</a></i>
            <p class="clear">是否看见呢无法你是发的大商股份梵蒂冈地方郭德纲是否看见呢无法你是发的大商股份梵蒂份梵蒂冈地方郭德</p>
            <a class="te" href="#">继续阅读→</a>
        </li>
        <li>
        	<img src="images/dongtai2.jpg"/>
            <b class="clear">展览展厅设计策划</b>
            <i>二月 19,2014 | <a href="#">5评论</a></i>
            <p class="clear">是否看见呢无法你是发的大商股份梵蒂冈地方郭德纲是否看见呢无法你是发的大商股份梵蒂冈地方郭德纲呢无法你是发的大商股份梵蒂冈地方郭德</p>
            <a class="te" href="#">继续阅读→</a>
        </li>
        <li>
        	<img src="images/dongtai3.jpg"/>
            <b class="clear">展览展厅设计策划</b>
            <i>二月 19,2014 | <a href="#">5评论</a></i>
            <p class="clear">是否看见呢无法你是发的大商股份梵蒂冈地方郭德纲是否看见呢无法你是发的大商股份梵蒂冈地方郭德纲呢无法你是发的大商股份梵蒂冈地方郭德</p>
            <a class="te" href="#">继续阅读→</a>
        </li>
        <li>
        	<img src="images/dongtai4.jpg"/>
            <b class="clear">展览展厅设计策划</b>
            <i>二月 19,2014 | <a href="#">5评论</a></i>
            <p class="clear">是否看见呢无法你是发的大商股份梵蒂冈地方郭德纲是否看见呢无法你是发的大商股份商股份梵蒂冈地方郭德</p>
            <a class="te" href="#">继续阅读→</a>
        </li>
    </ul>
</div>

<div id="friendlink">
	<div class="margin">
    	<b>友情链接:</b>
        <a href="#">郑州网站建设</a>
        <a href="#">郑州网站建设</a>
        <a href="#">郑州网站建设</a>
        <a href="#">郑州网站建设</a>
    </div>
</div>

<div id="footer">
	<div class="margin">
    	<p>版权所有/郑州艺境空间文化传媒有限公司 +TEL：86-400 000 0000</p>
        <p>CopyRight&copy;2014 www.zzyjkj.com 豫ICP备11017777号</p>
    </div>
</div>

</body>
</html>
